import React from "react";

import { Card } from "antd";

const { Meta } = Card;
import "./index.css";

/**
 *
 * @param {{
 * qr:string|React.ReactNode
 * }} props
 */
function AboutTab(props) {
  const { qr: QR } = props;
  return (
    <div className="aboutTab">
      <Card
        style={{ paddingTop: "10px" }}
        cover={
          <img
            alt="example"
            style={{
              height: "240px",
              width: "240px",
              border: "1px solid #f3f3f3",
              borderRadius: "3px",
              padding: "15px",
              boxShadow: "rgba(36, 37, 38, 0.04) 4px 4px 15px 6px",
              margin: "30px auto",
            }}
            src={QR || ""}
          />
        }
      >
        <Meta
          style={{
            direction: "rtl",
          }}
          title="شىرخان سالونى"
          description="تېخنىكىلىق ماقالە،IT بىلىملىرى، پىروگرامما دۇنياسىدىكى يىڭىلىقلارنى ئۆز-ئارا ھەمبەھىرلەشنى ئ‍اساسى مەخسەت قىلغان سالون"
        />
      </Card>
    </div>
  );
}

export default AboutTab;
